<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact</title>
    <link rel="stylesheet" href="./style-2.css" />
</head>

<body>
    <!--分割线-->
    <div class="first firs">
        <div class="first-1">
            <div class="first-2">
                <a class="first12" href="index9.html">
                    <img src="./图片/diannao.png" href="index9.html">
                    <span class="first-3">Alexander</span>
                </a>
                <div class="first1">
                    <div class="first2">
                        <div class="first3">
                            <div class="first4">
                                <li class="first5">
                                    <a class="nav-lin" href="index7.html">Home </a>
                                </li>
                                <li class="first6">
                                    <a class="nav-link" href="index-1.html">About</a>
                                </li>
                                <li class="first7">
                                    <a class="nav-link" href="index-2.html">Contact</a>
                                </li>
                                <label class="theme-switch" for="checkbox">
                                    <input type="checkbox" id="checkbox">
                                    <span class="mode-container">
                                        <svg t="1621088186573" class="dark" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5481" width="20" height="20"><path d="M572.4 229.9c8.8-8.8 21.9-11.7 33.6-7.5 115.1 41.7 197.5 152 197.5 281.6 0 165.4-134.1 299.5-299.5 299.5-129.6 0-239.9-82.3-281.6-197.5-4.2-11.7-1.3-24.8 7.5-33.6s21.9-11.7 33.6-7.5c25 9 51.9 14 80.1 14 129.9 0 235.3-105.3 235.3-235.3 0-28.2-4.9-55.2-14-80.1-4.2-11.7-1.3-24.8 7.5-33.6z m69.1 83.2c1 10 1.5 20.2 1.5 30.5C643 509 508.9 643 343.6 643c-10.3 0-20.5-0.5-30.5-1.5 42.7 59.3 112.4 97.8 191 97.8C634 739.3 739.3 634 739.3 504c0-78.5-38.5-148.2-97.8-190.9z" p-id="5482"></path></svg>
                                        <svg t="1621088029175" class="light" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4193" width="20" height="20"><path d="M512 810.666667c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 213.333333 512 213.333333 810.666667 347.050667 810.666667 512 676.949333 810.666667 512 810.666667z m0-51.2c136.669867 0 247.466667-110.7968 247.466667-247.466667S648.669867 264.533333 512 264.533333 264.533333 375.330133 264.533333 512 375.330133 759.466667 512 759.466667zM512 878.933333a25.6 25.6 0 0 1 25.6 25.6v68.266667a25.6 25.6 0 0 1-51.2 0v-68.266667a25.6 25.6 0 0 1 25.6-25.6z m-295.662933-107.4688a25.6 25.6 0 0 1 36.1984 36.1984l-48.264534 48.2816a25.6 25.6 0 0 1-36.215466-36.215466z m555.127466 0a25.6 25.6 0 0 1 36.1984 0l48.2816 48.264534a25.6 25.6 0 0 1-36.215466 36.215466l-48.264534-48.2816a25.6 25.6 0 0 1 0-36.1984zM972.8 486.4a25.6 25.6 0 0 1 0 51.2h-68.266667a25.6 25.6 0 0 1 0-51.2z m-853.333333 0a25.6 25.6 0 0 1 0 51.2H51.2a25.6 25.6 0 0 1 0-51.2zM819.729067 168.055467a25.6 25.6 0 0 1 36.215466 36.215466l-48.2816 48.264534a25.6 25.6 0 0 1-36.1984-36.1984z m-651.6736 0a25.6 25.6 0 0 1 36.215466 0l48.264534 48.2816a25.6 25.6 0 0 1-36.1984 36.1984L168.055467 204.288a25.6 25.6 0 0 1 0-36.215467zM512 25.6A25.6 25.6 0 0 1 537.6 51.2v68.266667a25.6 25.6 0 0 1-51.2 0V51.2A25.6 25.6 0 0 1 512 25.6z" fill="#e6e6e6" p-id="4194"></path></svg>  
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="one">
        <div class="one1">
            <div class="one2">
                <h2 class="title">Contact Me</h2>
                <ul class="mt-2">
                    <li><a href="#url">Home</a></li>
                    <li class="active"><svg t="1621700737067" class="icon" viewBox="0 0 1211 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2343" width="15" height="15" style="margin-left: 0.5rem;margin-right: 0.5rem;"><path d="M717.034962 1023.997037a47.40727 47.40727 0 0 1-33.185089-80.592359l427.850614-427.850614a15.407363 15.407363 0 0 0 4.740727-10.666636 11.851818 11.851818 0 0 0-3.555545-8.296272L699.257236 81.777541a47.768751 47.768751 0 0 1 67.55536-67.55536l413.628433 413.628433a105.481176 105.481176 0 0 1 30.814725 77.036814 110.221903 110.221903 0 0 1-33.185089 77.036814L750.220051 1010.960038a47.40727 47.40727 0 0 1-33.185089 13.036999z" fill="#696969" p-id="2344"></path><path d="M1142.515213 559.405789H47.40727a47.40727 47.40727 0 1 1 0-94.814541h1095.107943a47.40727 47.40727 0 1 1 0 94.814541z" fill="#696969" p-id="2345"></path></svg>Contact
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="thre">
        <div class="thre1">
            <div class="thre2">
                <div class="row">
                    <div class="cont-details">
                        <div class="cont-top">
                            <div class="cont-left text-center">
                                <svg t="1621699361286" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3211" width="30" height="30"><path d="M621.40595 714.104975c3.09997 0 21.692792-15.494851 27.889732-18.593822 12.396881-6.197941 21.693792-12.395881 30.989703-15.494851 65.079375-27.889732 120.85884-9.296911 195.234125 80.573227 46.484554 55.780465 58.879435 102.265018 43.385584 145.650601-12.395881 30.989703-40.286613 55.780465-83.671197 80.572227-3.09997 3.09997-27.890732 18.593822-37.187643 21.692792-105.363989 65.078375-350.181638-83.671197-526.820943-343.982698C94.584007 407.30892 48.100453 131.502568 156.563412 63.326222l15.494851-9.296911 15.494852-9.29691c55.781465-34.088673 89.869137-49.583524 130.15575-43.385584 40.286613 6.197941 77.474256 37.187643 105.364989 92.969108 61.979405 117.75887 49.582524 173.540334-30.989703 226.222828-6.197941 3.09897-27.890732 15.494851-27.890732 18.593821-18.593822 12.395881 12.395881 96.067078 92.969107 207.629007 77.473256 117.76087 142.550632 182.838245 164.243424 167.343394z" p-id="3212" fill="#8E43E7"></path></svg>
                            </div>
                            <div class="cont-right">
                                <h6>Call Me</h6>
                                <p><a href="tel:+44 99 555 42">+123 45 67 89</a></p>
                            </div>
                        </div>
                        <div class="cont-top margin-up">
                            <div class="cont-left">
                                <svg t="1621699516110" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4262" width="30" height="30"><path d="M826.07 836.77H196c-39.18 0-71.05-31.87-71.05-71.05V340.14c0-39.18 31.87-71.05 71.05-71.05h630.07c39.18 0 71.05 31.87 71.05 71.05v425.58c0.01 39.18-31.87 71.05-71.05 71.05zM196 316.46c-13.06 0-23.68 10.63-23.68 23.68v425.58c0 13.06 10.62 23.68 23.68 23.68h630.07c13.06 0 23.68-10.63 23.68-23.68V340.14c0-13.06-10.62-23.68-23.68-23.68H196z" p-id="4263" fill="#8E43E7"></path><path d="M511.03 605.21c-32.81 0-65.63-12.49-90.61-37.47L174.96 322.28l33.49-33.49 245.47 245.46c31.5 31.49 82.75 31.48 114.24 0l245.47-245.46 33.49 33.49-245.47 245.46c-24.98 24.98-57.79 37.47-90.62 37.47z" p-id="4264" fill="#8E43E7"></path><path d="M813.62 809.28L568.16 563.83l33.48-33.51 245.47 245.47zM208.45 809.28l-33.49-33.49 245.47-245.47 33.49 33.51z" p-id="4265" fill="#8E43E7"></path></svg>
                            </div>
                            <div class="cont-right">
                                <h6>Email Me</h6>
                                <p><a href="mailto:example@mail.com" class="mail">example@mail.com</a></p>
                            </div>
                        </div>
                        <div class="cont-top margin-up">
                            <div class="cont-left">
                                <svg t="1621699544521" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5205" width="30" height="30"><path d="M512.103132 320.120979a106.221743 106.221743 0 1 1-75.507022 31.354611A106.221743 106.221743 0 0 1 512.103132 320.120979m0-63.989002a170.850635 170.850635 0 1 0 120.939214 49.911422A169.570855 169.570855 0 0 0 512.103132 256.131977z" p-id="5206" fill="#8E43E7"></path><path d="M805.172761 124.314633a407.609942 407.609942 0 0 0-586.139257 0 431.285873 431.285873 0 0 0 0 599.576948L512.103132 1024l293.069629-300.108419a431.285873 431.285873 0 0 0 0-599.576948z m-44.152411 557.344207l-248.917218 255.956007-248.917217-255.956007a365.377201 365.377201 0 0 1 0-508.712565 346.82039 346.82039 0 0 1 497.834435 0 365.377201 365.377201 0 0 1 0 508.712565z" p-id="5207" fill="#8E43E7"></path></svg>
                            </div>
                            <div class="cont-right">
                                <h6>Location</h6>
                                <p>Address here, 208 Trainer Avenue street, Illinois, UK - 62617.</p>
                            </div>
                        </div>
                    </div>
                    <div class="map-content-9">
                        <form action="https://sendmail.w3layouts.com/submitForm" method="post" data-children-count="4">
                            <div class="twice-two" data-children-count="2">
                                <input type="text" class="form-1" name="w3lName" id="w3lName" placeholder="Name" required="" data-kwimpalastatus="alive" data-kwimpalaid="1621699329022-0">
                                <input type="email" class="form-2" name="w3lSender" id="w3lSender" placeholder="Email" required="" data-kwimpalastatus="alive" data-kwimpalaid="1621699329022-1">
                            </div>
                            <div class="twice" data-children-count="1">
                                <input type="text" class="form-3" name="w3lSubject" id="w3lSubject" placeholder="Subject" required="">
                            </div>
                            <textarea name="w3lMessage" class="form-4" id="w3lMessage" placeholder="Message" required=""></textarea>
                            <div class="text-right">
                                <button type="submit" class="kl-1   ">Send Message</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="final">
        <div class="final1">
            <div class="final2">
                <div class="re">
                    <div class="left">
                        <p class="m-0">Copyright © 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">网页模板</a></p>
                    </div>
                    <div class="right">
                        <ul class="sp-0">
                            <li><svg t="1621695406165" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2358" width="20" height="20"><path d="M889.151 64.223H134.69c-38.601 0-70.182 31.583-70.182 70.182v754.461c0 38.599 31.582 70.182 70.182 70.182h754.461c38.601 0 70.182-31.583 70.182-70.182V134.405c0-38.599-31.582-70.182-70.182-70.182z m-99.008 503.811h-90.234v338.378H575.837V568.034h-90.235V455.238h90.235V319.887c0-56.396 49.592-84.209 78.955-90.236 35.908-7.368 140.991-5.637 140.991-5.637v124.07h-78.955c-22.558 0-22.558 22.562-22.558 22.562v84.592h107.153l-11.28 112.796z" p-id="2359" fill="#8a8a8a"></path></svg>
                                </a>
                            </li>
                            <li><svg t="1621695612956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4091" width="20" height="20"><path d="M428.1 843h137.1V577.1c0-13.2 1.8-27.3 5.4-35.8 9-26.4 31.6-53.7 69.5-53.7 49.6 0 69.5 40.5 69.5 100V843h137.1V569.5c0-135.8-67.7-198-157.9-198-73.1 0-118.2 44.3-136.2 73.6h-2.7l-6.3-63.2H424.5c1.8 40.6 3.6 89.6 3.6 147.1v314zM249.5 181c-44.2 0-73.1 31.1-72.2 72.6-0.9 39.6 28 71.7 71.3 71.7 45.1 0 74-32.1 74-71.7-0.9-41.5-28.9-72.6-73.1-72.6z m68.6 662V381.9H180.9V843h137.2z" fill="#8a8a8a" p-id="4092"></path></svg></span>
                                </a>
                            </li>
                            <li><svg t="1621695637532" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4374" width="20" height="20"><path d="M533.81632 81.5872c-116.7872 0-131.34336 0.52736-177.19808 2.62144a313.07776 313.07776 0 0 0-104.2432 20.06528 218.12224 218.12224 0 0 0-125.88032 125.88032 311.29088 311.29088 0 0 0-20.06016 104.21248c-2.05824 45.89056-2.62144 60.45184-2.62144 177.19808 0 116.78208 0.5632 131.6096 2.62144 177.46432a313.94816 313.94816 0 0 0 20.06016 104.2432 220.13952 220.13952 0 0 0 125.88032 125.88032 313.22112 313.22112 0 0 0 104.2432 19.80416c45.85472 2.09408 60.45184 2.62144 177.19808 2.62144 116.75136 0 131.6096-0.52736 177.4592-2.62144a314.44992 314.44992 0 0 0 104.24832-19.84 222.1056 222.1056 0 0 0 125.84448-125.84448 314.7008 314.7008 0 0 0 19.83488-104.2432c2.05312-45.85472 2.62144-60.70784 2.62144-177.42336 0-116.7872-0.5632-131.38432-2.62144-177.23392a311.82336 311.82336 0 0 0-19.83488-104.21248 220.1344 220.1344 0 0 0-125.84448-125.88032 313.856 313.856 0 0 0-104.28416-20.06528c-45.85472-2.09408-60.71296-2.62144-177.46432-2.62144h0.04096z m0 77.66528c114.91328 0 128.46592 0.26112 173.79328 2.32448a237.94688 237.94688 0 0 1 79.72352 14.85824 142.22848 142.22848 0 0 1 81.86368 81.60256 241.8944 241.8944 0 0 1 14.60224 79.95392c2.05312 45.3632 2.62144 58.91584 2.62144 173.568 0 114.69312-0.5632 128.4608-2.62144 173.83424a239.9232 239.9232 0 0 1-14.60224 79.72352 133.92896 133.92896 0 0 1-32.30208 49.52576 131.56352 131.56352 0 0 1-49.52576 32.3072 240.2304 240.2304 0 0 1-79.72864 14.59712c-45.3632 2.09408-58.91584 2.62144-173.82912 2.62144-114.91328 0-128.2048-0.52736-173.568-2.62144a242.048 242.048 0 0 1-79.98976-14.59712 130.73408 130.73408 0 0 1-49.25952-32.3072 133.81632 133.81632 0 0 1-32.3072-49.52576 245.11488 245.11488 0 0 1-14.85824-79.72352c-2.09408-45.36832-2.3552-58.91584-2.3552-173.83424 0-114.91328 0.26112-128.2048 2.3552-173.568a246.30784 246.30784 0 0 1 14.85824-79.98976 142.7968 142.7968 0 0 1 81.5616-81.5616 239.80032 239.80032 0 0 1 79.98976-14.85824c45.37344-2.06336 58.92608-2.3296 173.57824-2.3296z m0 131.57376c-121.96864 0.08192-220.77952 99.02592-220.6976 220.99456 0.08704 121.96864 99.02592 220.77952 220.99456 220.6976 121.95328-0.08704 220.75392-99.01056 220.69248-220.96384 0.04096-121.86624-98.71872-220.69248-220.58496-220.73344H533.77024h0.04608z m0 364.0576c-79.1552 0-143.32416-64.16896-143.32416-143.32928 0-79.1552 64.16896-143.32416 143.32416-143.32416s143.32416 64.16896 143.32416 143.32416c0 79.16032-64.16896 143.32928-143.32416 143.32928z m281.18016-372.62848c0 28.49792-23.10144 51.59936-51.59424 51.59936s-51.59424-23.10144-51.59424-51.59936 23.10144-51.59936 51.59424-51.59936 51.59424 23.10144 51.59424 51.59936z" p-id="4375" fill="#707070"></path></svg></span>
                                </a>
                            </li>
                            <li><svg t="1621695661567" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5256" width="20" height="20"><path d="M126.362454 754.826468c83.802638 7.981788 159.52218-12.678764 228.878804-63.73151-9.91686-1.561565-18.011212-2.366907-25.880437-4.151553-55.68116-12.636808-94.41944-45.570895-116.52797-98.102319-3.730974-8.860808-2.688225-9.532097 7.048533-8.736988 18.413372 1.502213 36.836977 1.914606 57.416687-3.242857-18.132986-5.490038-33.730219-11.213389-47.838541-20.287045-45.242414-29.102828-69.957305-70.666456-75.377758-123.967406-0.13917-1.37123-0.112564-2.75781-0.12689-4.13518-0.101307-9.855462 0.505513-10.211573 9.579169-5.847172 18.085914 8.699126 37.062104 13.936407 59.618842 14.921851-9.168824-6.747681-16.20917-12.93152-22.826891-19.590174-47.50392-47.807842-58.931181-125.136022-27.358091-184.66379 3.105734-5.856381 4.92108-6.661723 9.56996-1.12973 38.618553 45.968961 84.612073 82.97683 137.972375 110.410646 52.297087 26.891464 107.768469 43.502793 166.615739 47.973618 15.083533 1.144056 14.842033 1.044796 13.164834-14.642488-10.514471-98.243535 62.657039-170.780595 142.707213-177.778986 48.193629-4.213975 89.652879 10.589173 125.122719 42.850947 4.846378 4.40738 9.172917 5.747911 15.547091 4.335748 29.055756-6.437619 56.30947-17.423835 82.47234-31.385824 2.337231-1.248434 4.344958-3.527336 8.797363-2.738367-11.418051 35.369555-33.319873 62.180178-62.972217 83.674725 28.720112-2.847861 55.885821-11.325953 82.572624-22.26612 0.822738 4.15053-1.582031 6.03239-3.091408 8.133238-18.615986 25.932626-40.503483 48.781006-65.834404 68.182892-5.633301 4.315282-7.889691 8.79634-7.743358 15.919575 2.068102 100.110045-26.634614 191.221136-83.442434 273.042653-71.240531 102.616122-169.133072 164.072823-292.829302 183.435823-100.758822 15.771195-196.565864 0.459464-286.937105-47.223534-9.863648-5.204535-19.378349-11.072173-29.054733-16.630772C125.857964 756.578368 126.110721 755.703441 126.362454 754.826468z" p-id="5257" fill="#8a8a8a"></path></svg></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <button onclick="topFunction()" id="movetop" title="Go to top" style="display: block;">
        <svg t="1621696298606" class="icon1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6183" width="20" height="20"><path d="M76.8 713.3c0-4.1 1.6-8.2 4.7-11.3l390.9-390.9c21.8-21.8 57.4-21.8 79.2 0L942.5 702c6.2 6.2 6.2 16.4 0 22.6-6.2 6.2-16.4 6.2-22.6 0L529 333.7c-9.4-9.4-24.6-9.4-33.9 0l-391 390.9c-6.2 6.2-16.4 6.2-22.6 0-3.1-3.1-4.7-7.2-4.7-11.3z" p-id="6184" fill="#ffffff"></path></svg>
      </button>
</body>

</html>
<script>
    var btn = document.getElementById("checkbox")
    btn.onchange = function(evn) {
        if (evn.target.checked) {
            document.documentElement.setAttribute("data-theme", "dark")
        } else {
            document.documentElement.setAttribute("data-theme", "light")
        }
    }
</script>